<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
  <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>

</body>
<script type="text/javascript">
  // 同源策略
  // 同源策略（Same origin policy）是一种约定,它是浏览器最核心也最基本的安全功能,由客户端访问某一个服务器的文件时，如果发起请求的这个来源与进行响应的目标的源不一致，目标源出于安全的角度，将拒绝这次访问。

  // 注意:请求别人服务器下的接口  需要用对方服务器下的绝对路径


  // 跨域方法之 JSONP
  // 原理: 引入资源(img css js)默认不受同源策略的限制

  // 依然需要前后端配合
  // 前端: 声明函数,决定拿到数据之后要执行的内容
  // 后端: 返回函数的调用  => 将将响应的数据以 实际参数的形式 传入的函数中

  // 声明函数  + 函数调用  => 执行既定的函数


  function fn(data) {
    console.log(data);
  }


</script>
<!-- <script src="http://192.168.59.126/2108_php/jsonp/searchAllGrade.php" type="text/javascript" charset="utf-8"></script> -->
<!-- fn([1,2,3]) -->

<!-- 
		1.   php 运行在服务器 结果 以text / html / json的形式返回给前端  => script请求的文本
		2.   type="text/javascript"  script会将载入的文本 按照 js语法解析  =>   函数调用 (json作为实际参数)
		3.   前端提供 函数声明(提前决定好 请求成功时候要执行的内容)   + script载入后端接口(变为函数调用)  = 函数执行
		
	 -->
<script type="text/javascript" src="http://192.168.59.126/2108_php/jsonp/searchAllGradeCallback.php"
  charset="utf-8"></script>

</html>